/* Scss Document */
.swiper-border{border: 1px solid #333;}
.swiper-wrapper .swiper-heading{
  padding: 0.6rem .75rem;
  color: #333;
  background-color: #fbcf10;
  font-size: 14px;
    font-weight: 600;
    margin-bottom: 0;
}
.swiper-container {
  width: 100%;
  height: 442px;
  margin-bottom: 1rem;
  color: #333;
  overflow: hidden;
  border-bottom: 1px solid #333;
}
  .swiper-container .swiper-pagination-h {
    left: 50%;
    width: 500px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%); }

/*.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 8px 0;
}*/
.swiper-slide {
  height: 100%;
  width: 100%;
  /* Center slide text vertically */
  display: -webkit-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   -webkit-justify-content: left;
   justify-content: left;
   -webkit-box-align: center;
   -ms-flex-align: center;
   -webkit-align-items: center;
   align-items: center;
   height: auto !important;
    overflow: hidden;
  }
  .swiper-slide:last-child{border-bottom: none;}
  .swiper-slide a{color: #00a651;padding: 0.6rem .75rem;line-height: 1.2;}
  .swiper-slide a span { color: #333; margin-left: 5px;}

.swiper-button-next,
.swiper-button-prev {
  /* In safari, the buttons disappear on some slide,
  to fix this issue set translate3D z axis to 1px */
  -webkit-transform: translate3d(0, 0, 1px);
  -ms-transform: translate3d(0, 0, 1px);
  -o-transform: translate3d(0, 0, 1px);
  transform: translate3d(0, 0, 1px); }

.swiper-button-next {
  margin-right: 10px; }

.swiper-button-prev {
  margin-left: 10px; }

.swiper-button-up,
.swiper-button-down {
  left: 20px;
  position: absolute;
  z-index: 20; }
  .swiper-button-up:before,
  .swiper-button-down:before {
    background-position: center;
    background-repeat: no-repeat;
    -moz-background-size: 27px 44px;
    -webkit-background-size: 27px 44px;
    background-size: 27px 44px;
    content: "";
    cursor: pointer;
    height: 44px;
    width: 27px;
    position: absolute;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg); }

.swiper-button-down {
  top: 10px; }
  .swiper-button-down:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007AFF'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-up {
  bottom: 50px; }
  .swiper-button-up:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007AFF'%2F%3E%3C%2Fsvg%3E"); }

.swiper-pagination-bullet {
  opacity: 0.5;
  border-radius: 100%;
  background: white; }

.swiper-pagination-bullet-active {
  opacity: 1;
  background-color: white; }

/*Swiper Horizontal*/
.swiper-container2 {
  position: relative; }

.swiper-container2 > .swiper-slide__content {
  position: absolute;
  top: 0; }

.swiper-slide2 {
  display: flex;
  background: #eee;
  align-items: center;
  justify-content: center;
  transition: all 200ms linear;
  transform: scale(0.8); }
  .swiper-slide2.swiper-slide-active {
    transform: scale(1);
    background: #fc0; }

.swiper-slide__content {
  height: 300px; }